

            $("#tutu").after('<div class="kuang"  style="overflow-y:scroll;display:none;width:496px;height:560px;border:1px solid red;"></div>');

     $('#tutu').bind('input propertychange', function() {
        var src=$(this).val();
          $(".kuang").css('display','block');
        var src = 'http://restapi.amap.com/v3/assistant/inputtips?key=595e69fbd85fa1df2577c65cf26ae4b7&keywords='+src;
   
     jQuery.support.cors = true;
      $.ajax({
         type: "GET",
         url: src,
         dataType:"jsonp",
        success: function(msg){
          
          var rr = eval(msg);
           for(dd in rr){
            if(dd=='tips'){
            for(ww in rr[dd]){
              for( name in  rr[dd][ww]){
                if(name=='name'){
                var  yy = rr[dd][ww][name];
          
            $(".kuang").append('<input style="background-color:yellow;whith:496px;height:56px;"  class="kk" type="text" value="'+yy+'" >');
          
              }}
            }

           }}
         }
      });

   

  
    }); 


     $('.kk').live('mouseenter', function() {
      $('#tutu').val($(this).val());
     });

    $('.kk').live('click', function() {
        $('#tutu').val($(this).val());
        $('.kk').css("display","none");
         $(".kuang").css('display','none');
    });


        $('#tutu').focusout(function() {
     $('.kk').css("display","none");
      $(".kuang").css('display','none');
     });